<div class="bottombox" id="footer">
<?php include_slot('bottomArticlesWidget')?>
<div class="clear"></div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	$(window).bind("load", function() { 

	       var footerHeight = 0,
	           footerTop = 0,
	           $footer = $("#footer");

	       positionFooter();

	       function positionFooter() {

	                footerHeight = $footer.height();
	                footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";

	               if ( ($(document.body).height()+footerHeight) < $(window).height()) {
	                   $footer.css({
	                        position: "absolute"
	                   }).animate({
	                        top: footerTop
	                   }, 0)
	               } else {
	                   $footer.css({
	                        position: "static"
	                   })
	               }

	       }

	       $(window)
	               .scroll(positionFooter)
	               .resize(positionFooter)

	});
});
</script>